<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入animate.js文件 -->
    <script src="js/animate.js"></script>
    <!-- 引入我们首页的js文件 -->
    <script src="js/index2.js"></script>

    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <title>狗狗简介详情页 | 欢迎爱狗的您光临本网站！</title>
    <style>
        .to-top {
            background: #3498db;
            color: #fff;
            padding: 15px;
            border-radius: 5px;
            z-index: 99;
        }
        
        .warp {
            width: 1120px;
            margin: 0 auto;
            position: relative;
        }
        
        .production {
            width: 1120px;
            height: 670px;
            margin-top: 80px;
            border: 8px solid #eef1f1;
            padding: 30px;
            position: relative;
        }
        
        .warp .production i {
            position: absolute;
            top: -33px;
            right: -14px;
        }
        
        .warp .production .fix {
            width: 100%;
            height: 405px;
            overflow: hidden;
        }
        
        .warp .production .fix .pro_left {
            width: 483px;
            height: 400px;
            float: left;
            overflow: hidden;
            position: absolute;
        }
        
        .warp .production .fix .pro_left img {
            height: 400px;
            vertical-align: middle;
        }
        
        .pro_right {
            float: right;
            overflow: hidden;
            width: 550px;
            height: 400px;
        }
        
        .pro_tit {
            width: 100%;
            height: 54px;
        }
        
        .fl {
            float: left;
            overflow: hidden;
        }
        
        .fl .a1 {
            font-size: 26px;
            color: #666;
        }
        
        .fl .a2 {
            color: #999;
        }
        
        .fix .pro_tit img {
            margin-left: 10px;
            vertical-align: middle;
            outline: 0;
            border: none;
        }
        
        .fr1 {
            float: right;
            overflow: hidden;
            margin-right: 20px;
            margin-top: 15px;
        }
        
        .fr1 .sp1 {
            display: inline-block;
            width: 16px;
            height: 16px;
            background: #65ab3d;
            text-align: center;
            line-height: 16px;
            color: #fff;
            border-radius: 16px;
        }
        
        .fr1 .sp1 .ico {
            font-family: "Hui-iconfont" !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
        }
        
        .fr1 .a3 {
            color: #67aa44;
        }
        
        .pro_table {
            width: 491px;
            height: 345px;
        }
        
        .pro_table tr {
            display: block;
            width: 525px;
            height: 55.5px;
        }
        
        .pro_table td {
            margin: 10px;
            background: #f9f9f9;
            padding-left: 15px;
            width: 244px;
            height: 49px;
            line-height: 43px;
            /* font-size: 12px; */
        }
        
        .pro_table .a1 {
            color: #999;
        }
        
        .pro_table .a2 {
            color: #666;
        }
        
        .pro_table .a3 {
            color: #65ab3d;
            font-size: 18px;
            font-weight: bold;
        }
        
        .btn_gre {
            background: #65ab3d;
            color: #fff !important;
            padding: 5px 15px;
            border-radius: 4px;
            font-size: 14px;
        }
        
        .pinfen {
            width: 1042px;
            height: 149px;
            margin-top: 32px;
            padding: 0;
            border-collapse: collapse;
        }
        
        .pinfen tr td {
            border: 1px solid #eef1f1;
            width: 150px;
            height: 75px;
            line-height: 30px;
            padding-left: 16px;
        }
        
        .pinfen .sp1 {
            color: #666;
        }
        
        .pinfen .sp2 em {
            display: block;
            height: 20px;
            background: url(images/start.png);
        }
        
        .zhong {
            width: 1120px;
            margin-top: 32px;
        }
        
        .zhong_hd_1 {
            width: 1120px;
            height: 46px;
            background: #eef1f1;
        }
        
        ul,
        li {
            list-style-type: none;
        }
        
        .on {
            background: #fff;
            color: #65ab3d;
            border-top: 4px solid #65ab3d;
        }
        
        .zhong_hd_1 ul li {
            width: 160px;
            height: 46px;
            float: left;
            border-top: 4px solid #eef1f1;
            line-height: 40px;
            text-align: center;
            font-size: 14px;
            cursor: pointer;
        }
        
        .zhong_hd_1 .fix .icon {
            font-family: "Hui-iconfont" !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .fix::after {
            clear: both;
            content: " ";
            display: block;
            height: 0;
            overflow: visible;
        }
        
        .zhong_bd_1 {
            width: 1120px;
            min-height: 150px;
            margin-top: 35px;
        }
        
        .zhong_bd_1 .tit {
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            font-weight: bold;
        }
        
        .zhong_bd_1 .tex {
            font-size: 18px;
            padding: 8px 0;
            line-height: 190%;
            text-align: justify;
            color: #2A2A2A;
        }
        
        .aa {
            display: none;
        }
        
        .tu {
            width: 828px;
        }
        
        .tu .show {
            width: 828px;
            height: 522px;
            position: relative;
        }
        
        .tu .show .show_tit {
            border-bottom: 1px solid #eef1f1;
        }
        
        .tu .show .more1 {
            position: absolute;
            right: 20px;
            top: 20px;
        }
        
        .tu .show .more1 a {
            color: #eed742;
        }
        
        .tu .show .show_tit strong {
            font-size: 24px;
            color: #ebd100;
            margin-right: 10px;
        }
        
        .show ul li {
            float: left;
            width: 187px;
            height: 183px;
            position: relative;
            margin-top: 49px;
            margin-right: 19px;
            transition: all .3s ease;
            -o-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }
        
        .show ul li img {
            width: 100%;
            height: 100%;
        }
        
        .show ul li .d1 {
            position: absolute;
            width: 100%;
            height: 60px;
            background: url(http://www.goupu.com.cn/skin/default/images/bk_shadow.png) repeat-x;
            text-align: center;
            bottom: 0px;
            left: 0px;
            line-height: 80px;
            color: #fff;
        }
        
        a:link {
            outline: 0;
            text-decoration: none;
            color: #333;
            transition: all .3s ease;
            -o-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }
    </style>
</head>

<body>
    <!-- 导航栏开始 -->
    <div class="index-header clearfix">
        <div class="index-logo fl">
            <a href=""><img src="images/logo.png"></a>
        </div>
        <ul class="index-nav fl">
            <li><a href="index.html">首页</a></li>
            <li><a href="fenlei.html">狗狗大全</a></li>
            <li><a href="wangwangxiu.html">汪汪秀</a></li>
            <li><a href="goushi.html">狗狗市场</a></li>
            <li><a href="cases.html">新闻</a></li>
            <li><a href="news.html">狗狗百科</a></li>
            <li><a href="liuyan.html">联系</a></li>
            <li><a href="zhaopin.html">招聘</a></li>
        </ul>
        <div class="index-header-right fr">
            <a href="" class="search-btn">搜索</a>
            <a href="" class="erweima">
                <div class="erweima-pic">
                    <img src="images/erweima.png">
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!-- 搜索 start-->
    <div class="search_sec">
        <a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
        <div class="search_field">
            <div class="container">
                <form>
                    <input type="text" name="search" placeholder="澳大利亚牧羊犬">
                    <button type="submit"><img src="images/search2.png" alt=""></button>
                </form>
            </div>
        </div>
    </div>
    <!--搜索 end-->
    <!-- 导航栏结束 -->
    <a class="to-top">Top &uarr;</a>
    <!-- 主体 start-->
    <div class="warp">
        <div class="production">
            <i> <img src="images/sidai.png" alt=""></i>
            <div class="fix">
                <div class="pro_left">
                    <img src="images/bm.png" alt="边境牧羊犬" width="483" height="348">
                </div>
                <div class="pro_right">
                    <div class="pro_tit">
                        <div class="fl">
                            <span class="a1">边境牧羊犬</span>
                            <br>
                            <a class="a2">Border Collie</a>
                            <img src="http://www.goupu.com.cn/skin/default/images/bone.png" alt="">
                        </div>
                        <div class="fr1">
                            <span class="sp1">
                                <i class="ico"></i>
                            </span>
                            <a class="a3">984894</a>人浏览过
                        </div>
                    </div>
                    <div class="pro_table">
                        <table>
                            <tr>
                                <td>
                                    <a class="a1">别      名：</a>
                                    <a class="a2" title="边牧">边牧</a>
                                </td>
                                <td>
                                    <a class="a1">分布区域：</a>
                                    <a class="a2"> 苏格兰</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a class="a1">功      能：</a>
                                    <a class="a2">牧羊犬</a>
                                </td>
                                <td>
                                    <a class="a1">分      组：</a>
                                    <a class="a2"> 牧羊犬，工作犬</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a class="a1">原产地：</a>
                                    <a class="a2">苏格兰边境</a>
                                </td>
                                <td>
                                    <a class="a1">体型：</a>
                                    <a class="a2"> 中型犬</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a class="a1">身      高：</a>
                                    <a class="a2">48-56cm</a>
                                </td>
                                <td>
                                    <a class="a1">体      重：</a>
                                    <a class="a2"> 14-20kg</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a class="a1">寿      命：</a>
                                    <a class="a2">10-14 years</a>
                                </td>
                                <td>
                                    <a class="a1">参考价格：</a>
                                    <a class="a3">500-6600</a>元
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a class="a1">特      点：</a>
                                    <a class="a2"> 易训练,耐寒</a>
                                </td>
                                <td>
                                    <a class="btn_gre" href="goushi.html" target="_black">买一只</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="pinfen">
                <table>
                    <tr>
                        <td>
                            <span class="sp1">粘人程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:73%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">对小孩友：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:88%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">喜叫程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:35%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">掉毛程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:35%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">体味程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:35%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">美容程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:73%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">对生人程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:88%"></em>
                            </span>
                        </td>

                    </tr>
                    <tr>
                        <td>
                            <span class="sp1">对动物程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:54%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">运动量：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:54%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">可训练性：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:54%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">口水程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:35%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">耐寒程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:54%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">耐热程度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:73%"></em>
                            </span>
                        </td>
                        <td>
                            <span class="sp1">城市适应度：</span>
                            <br>
                            <span class="sp2">
                                <em style="width:88%"></em>
                            </span>
                        </td>


                    </tr>
                </table>
            </div>
        </div>
        <div class="zhong">
            <div class="zhong_hd_1">
                <ul class="fix">
                    <li class="on">
                        <i class="icon">品种介绍</i>
                    </li>
                    <li>
                        <i class="icon">发展起源</i>
                    </li>
                    <li>
                        <i class="icon">适养人群</i>
                    </li>
                    <li>
                        <i class="icon">衡量方法</i>
                    </li>
                    <li>
                        <i class="icon">饲养标准</i>
                    </li>
                    <li>
                        <i class="icon">鉴别挑选</i>
                    </li>

                </ul>
            </div>
            <div class="zhong_bd_1">
                <ul>
                    <li class="aa" style="display: block;">
                        <div class="tit">
                            <span class="a1">边境牧羊犬</span> 的品种介绍
                        </div>
                        <div class="tex">
                            <p> 边境牧羊犬,为柯利牧羊犬之一，具有超强的牧羊能力，天性聪颖、善于察言观色，能准确的理解主人的指示，可通过眼神的注视而驱动羊群移动或是旋转，作为牧羊犬已有多年的历史。</p>
                            <p> 该品种的特点是聪明、学习能力强、理解力高、容易训练，性格温和、忠诚、顺从 ,其忠心程度简直可以如影随形来形容。</p>
                        </div>
                    </li>

                    <li class="aa">
                        <div class="tit">
                            <span class="a1">边境牧羊犬</span> 的发展起源
                        </div>
                        <div class="tex">
                            <p> 边境牧羊犬是起源于17世纪，但是直到现在，当许多的工作犬和畜牧犬都进入了人类的暖炉旁而慢慢淡化它们的天生使命时，边境牧羊犬却仍旧活跃在野外、牧场，坚守着它们的岗位。</p>
                            <p> 原产于苏格兰边境，最早时期，在苏格兰被放牧的羊还有用来看管羊群的犬都是在苏格兰群岛上被发现的，那些犬都是来源于以前从爱尔兰移居到苏格兰的教士，且是在早期维京人还没入侵苏格兰的时候就已经带过去了。在这种崎岖的地理环境里，人们也就只有依靠犬来帮忙集合、驱赶、看牧牲畜了。根据现代牧羊犬的起源，它们有着“眼神控制”这样的能力，这种能力是通过在英格兰和苏格兰的边界地方的牧羊人发展并且训练出来的，所以人们把这种犬就称作“边境牧羊犬”。</p>
                        </div>
                    </li>

                    <li class="aa">
                        <div class="tit">
                            <span class="a1">边境牧羊犬</span> 的适养人群
                        </div>
                        <div class="tex">
                            <p> 属于工作狂型的犬种，所以不适合都市生活。全世界的牧羊工作，差不多超过一半都被它们给承担了。它需要大量的运动，适合居住在宽阔的室外，不只是生活中的最佳宠物犬、伴侣犬，也是家庭中很好的看家护院犬。 </p>
                            <p> 忠诚度极高，对主人非常忠诚，不会随意乱叫，非常喜欢陪伴在主人身边，是很合适的伴侣犬。不过由于它的毛发打理工作需要比较用心的认识，因而非常适合家庭饲养。 </p>
                        </div>
                    </li>

                    <li class="aa">
                        <div class="tit">
                            <span class="a1">边境牧羊犬</span> 的衡量标准
                        </div>
                        <div class="tex">
                            <p> 整体：边牧结构十分匀称的，体型中等，外观健壮，它显示出来的优雅气质和敏捷的动作、强健的体质都和它旺盛的精力相称。肌肉发达、身躯结实，具有平滑的轮廓，给人的印象是动作起来不费劲，十分灵敏而活泼，耐力持久。它的这些也使它成为了世界排名第一的牧羊犬。</p>
                            <p>头：宽阔，后枕骨不突出。脑袋的长度等于前脸的长度。具有明显的止部，脸颊深但不突出。头骨粗壮而平，处在两耳之间，往眼部的方向逐渐变窄。表情温和，但敏锐、机警而聪明。</p>
                        </div>
                    </li>

                    <li class="aa">
                        <div class="tit">
                            <span class="a1">边境牧羊犬</span> 的喂养方法
                        </div>
                        <div class="tex">
                            <p> 小狗一天4餐，6个月以后一天三餐，1岁以后可以两餐 建议喂犬粮，成年边牧一天7两左右，若是经济条件不允许，建议搭配犬粮或是不喂犬粮。个人建议以粗粮为主，对狗的消化系统有好处，也不会出现消化不良、便秘等问题，若一定要跟人吃，请一定注意少放盐，一般犬类对盐分的需求是人的1/6。 </p>
                            <p> 1、肉类 肉类可提供骨骼生长、细胞组织再生所需要的元素，也能促进新陈代谢;但光吃肉也不行，不足以满足身体所需，所以肉类的供量不要超过每顿总食量的一半。 2、脂肪 肉类和植物中所含的脂肪可以为边境牧羊犬提供身体各个部位所需要的脂肪酸，可以保持皮、毛的光泽度和健康美观。 3、碳水化合物 狗每天所需的其他营养素应从碳水化合物中摄取，比方说谷物食品、米、面团、干狗食和薯仔等。碳水化合物可以增加狗食物的分量，帮助肠胃的正常蠕动…….不易便秘。 边境牧羊犬应该得到很好的修饰，最少每个星期三次，这一点相当重要：首先，这是一个亲近爱犬的好机会，第二可以为它们检查身体上有没有狗虱、跳蚤的存在，有没有肿块、耳部传染病、肉垫的损害等。
                            </p>
                        </div>
                    </li>

                    <li class="aa">
                        <div class="tit">
                            <span class="a1">边境牧羊犬</span> 的鉴别挑选
                        </div>
                        <div class="tex">
                            <p> 雄性的肩高范围在19-22英寸(48-56cm);雌性的肩高范围在18-21英寸(46-53cm)。身体长度(从肩胛末端到臀部的距离)比肩高稍大一点。骨骼结实，但不会显得夸张，和整体尺寸的比例协调。整体的高度、长度、体重、骨量的匀称是非常关键的，比任何一个单一的特征都要来的重要。体重超标不应该误认为是肌肉或骨量造成的。任何单一特征影响整体的平衡将被认为是缺陷。 </p>

                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <div class="tu">
            <div class="show">

                <div class="show_tit">
                    <div class="more1">
                        <a href="wangwangxiuxq.html">更多></a>
                    </div>
                    <strong>边境牧羊犬照片秀</strong>
                    <img src="images/dog_show.png" alt="">
                </div>
                <ul>
                    <li>
                        <a href="wangwangxiuxq.html">
                            <img src="images/170502261.gif" alt="边境牧羊犬偷吃，眼见到手却放弃了！！！" width="187" height="183">
                            <div class="d1">边境牧羊犬偷吃，眼见到手却放弃了！！！</div>
                        </a>
                    </li>

                    <li>
                        <a href="wangwangxiuxq.html">
                            <img src="images/170502261.gif" alt="边境牧羊犬偷吃，眼见到手却放弃了！！！" width="187" height="183">
                            <div class="d1">边境牧羊犬偷吃，眼见到手却放弃了！！！</div>
                        </a>
                    </li>

                    <li>
                        <a href="wangwangxiuxq.html">
                            <img src="images/170502261.gif" alt="边境牧羊犬偷吃，眼见到手却放弃了！！！" width="187" height="183">
                            <div class="d1">边境牧羊犬偷吃，眼见到手却放弃了！！！</div>
                        </a>
                    </li>

                    <li>
                        <a href="wangwangxiuxq.html">
                            <img src="images/170502261.gif" alt="边境牧羊犬偷吃，眼见到手却放弃了！！！" width="187" height="183">
                            <div class="d1">边境牧羊犬偷吃，眼见到手却放弃了！！！</div>
                        </a>
                    </li>

                    <li>
                        <a href="wangwangxiuxq.html">
                            <img src="images/170502261.gif" alt="边境牧羊犬偷吃，眼见到手却放弃了！！！" width="187" height="183">
                            <div class="d1">边境牧羊犬偷吃，眼见到手却放弃了！！！</div>
                        </a>
                    </li>

                    <li>
                        <a href="wangwangxiuxq.html">
                            <img src="images/170502261.gif" alt="边境牧羊犬偷吃，眼见到手却放弃了！！！" width="187" height="183">
                            <div class="d1">边境牧羊犬偷吃，眼见到手却放弃了！！！</div>
                        </a>
                    </li>

                    <li>
                        <a href="wangwangxiuxq.html">
                            <img src="images/170502261.gif" alt="边境牧羊犬偷吃，眼见到手却放弃了！！！" width="187" height="183">
                            <div class="d1">边境牧羊犬偷吃，眼见到手却放弃了！！！</div>
                        </a>
                    </li>
                    <li>
                        <a href="wangwangxiuxq.html">
                            <img src="images/170502261.gif" alt="边境牧羊犬偷吃，眼见到手却放弃了！！！" width="187" height="183">
                            <div class="d1">边境牧羊犬偷吃，眼见到手却放弃了！！！</div>
                        </a>
                    </li>



                </ul>

            </div>
        </div>
    </div>
    <!-- 主体 end-->

    <!--footer start-->
    <div class="index-footer">
        <div class="clearfix index-footer-info index-con">
            <div class="logo fl">
                <img src="images/logo4.png">
            </div>
            <div class="lianxi fl">
                <h2>联系方式</h2>
                <p>前台电话： 0546-985-211 </p>
                <p>汪汪电话：0546-985985-211211</p>
                <P>地址：湖北省武汉市汪汪区0214号5478946</P>
                <p>商务产业园01期01号楼东985室</p>
            </div>
            <div class="phone fl">
                400-985-211
            </div>
            <div class="erweima fr">
                <img src="images/erweima.png">
                <p>二维码</p>
            </div>
        </div>

        <div class="index-footer-bottom">
            <div class="index-con clearfix">
                <p class="fl">版权所有 © 2021-2022 汪汪爱狗有限公司 皖ICP备05496841号 公网安备65464654154165号</p>
                <a href="http://www.5imoban.net" target="_blank" class="fr">技术支持：html css js</a>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--footer end-->
    <script type="text/javascript " src="js/jquery.min.js "></script>
    <script type="text/javascript " src='js/modernizr.custom.js'></script>
    <script src="js/more.js "></script>
    <script src="js/swiper.min.js "></script>
    <script type="text/javascript " src="js/main.js "></script>
    <script type='text/javascript' src='js/base.js'></script>
    <script type="text/javascript " src='js/app.js'></script>

    <!-- 选项卡 -->
    <script>
        var zhong_hd_1 = document.querySelector('.zhong_hd_1');
        var lis = zhong_hd_1.querySelectorAll('li');
        var aas = document.querySelectorAll('.aa');
        for (var i = 0; i < lis.length; i++) {
            //给小li设置索引号
            lis[i].setAttribute('index', i);
            lis[i].onclick = function() {
                // 1.模块选项卡，点击某一个，当前底色改变 
                for (var i = 0; i < lis.length; i++) {
                    lis[i].className = '';
                }
                this.className = 'on';

                // 2.显示内容
                var index = this.getAttribute('index');
                for (var i = 0; i < aas.length; i++) {
                    aas[i].style.display = 'none';
                }
                aas[index].style.display = 'block';

            }
        }
    </script>
    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.toTop.min.js"></script>
    <script>
        jQuery(function($) {
            // Plugin activation (basic)
            // $('.to-top').toTop();

            // Plugin activation with options
            $('.to-top').toTop({
                //options with default values
                autohide: true, //boolean 'true' or 'false'
                offset: 420, //numeric value (as pixels) for scrolling length from top to hide automatically
                speed: 500, //numeric value (as mili-seconds) for duration
                right: 15, //numeric value (as pixels) for position from right
                bottom: 30 //numeric value (as pixels) for position from bottom
            });
        });
    </script>
</body>

</html>